#tabbed-nav {
    margin: 0px auto;
    min-height: 550px;
    overflow: hidden;
}

/*#region ==========================================================================
Tab Structure horizontal (Common)
========================================================================== */

.z-tabs.horizontal {
    color: #333;
    font: normal 12px/18px sans-serif;
    /*padding: 40px 0px;*/
    clear: both;
}

.z-tabs.horizontal > ul.z-tabs-nav,
.z-tabs.horizontal > ul.z-tabs-nav > li,
.z-tabs.horizontal > .z-container {
    border-color: #ddd;
    border-style: solid;
}

.z-tabs.horizontal > ul.z-tabs-nav {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.z-container strong, b, h1 {
    font-weight: 700;
    color: #000;
}

.z-tabs.horizontal > ul.z-tabs-nav > li {
    position: relative;
    border-width: 1px 1px 0;
    float: left;
    margin: 0 -1px 0 0;
    padding: 0;
    display: block;
    vertical-align: top;
    background: #F9F9F9;
}

.z-tabs.horizontal > ul.z-tabs-nav > li > a.z-link {
    border-bottom-width: 0;
    padding: 12px 20px;
    outline: 0;
    text-decoration: none !important;
    border-bottom-width: 0;
    outline: 0;
    color: #111;
    text-decoration: none;

    line-height: 18px;
    cursor: hand;
    cursor: pointer;
    display: block;
    text-align: center;
}

.z-tabs.horizontal > ul.z-tabs-nav > li,
.z-tabs.horizontal > ul.z-tabs-nav > li > a.z-link {
    /*moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transition: background-image .2s linear, background .2s linear;
    -moz-transition: background-image .2s linear, background .2s linear;
    -o-transition: background-image .2s linear, background .2s linear;
    -ms-transition: background-image .2s linear, background .2s linear;
    transition: background-image .2s linear, background .2s linear;*/
}

.z-tabs.horizontal > ul.z-tabs-nav > li:hover {
    outline: 0 none;
    text-decoration: none;
}

.z-tabs.horizontal > ul.z-tabs-nav > li.z-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
    z-index: 1;
    font-weight: bold;
}

.z-tabs.horizontal > ul.z-tabs-nav > li.z-active,
.z-tabs.horizontal > ul.z-tabs-nav > li.z-active:hover {
    background: #fff;
}

.z-tabs.horizontal > .z-container {
    position: static;
    border-width: 1px;
    clear: both;
    width: 100%;
    height: 530px;
    background: #fff;
    zoom: 1;
    overflow: auto;
}

.z-tabs.horizontal > .z-container > .z-content {
    padding: 1.4em 2em;
    background: none;
    display: none;
}

/*#endregion*/

/*#region ==========================================================================
Positioning 
========================================================================== */

/* top-left */
.z-tabs.horizontal.top-left {
}

.z-tabs.horizontal.top-left > ul.z-tabs-nav {
}

.z-tabs.horizontal.top-left > ul.z-tabs-nav > li {
}

/* top-center */
.z-tabs.horizontal.top-center {
    width: 100%;
}

.z-tabs.horizontal.top-center > ul.z-tabs-nav {
    clear: left;
    float: left;
    position: relative;
    left: 50%;
    text-align: center;
}

.z-tabs.horizontal.top-center > ul.z-tabs-nav > li {
    right: 50%;
    display: block;
    position: relative;
    float: left;
}

.z-tabs.horizontal.top-right > .z-container {
    margin-right: 0;
    padding-right: 0;
    margin-left: 0;
    padding-left: 0;
}

/* top-right */
.z-tabs.horizontal.top-right {
}

.z-tabs.horizontal.top-right > ul.z-tabs-nav {
    float: right;
    position: relative;
    padding: 0;
    margin: 0 -1px 0 0;
}

.z-tabs.horizontal.top-right > .z-container {
    margin-right: 0;
    padding-right: 0;
    margin-left: 0;
    padding-left: 0;
}

.ie7 body .z-tabs.horizontal.top-right > .z-container {
    clear: none;
}

.ie7 body .z-tabs.horizontal.top-right {
    margin-right: 2px;
}

/* bottom-left*/
.z-tabs.horizontal.bottom-left > ul.z-tabs-nav {
    position: relative;
    padding: 0;
    margin: -3px 0px 0 3px;
    margin: 0;
}

.z-tabs.horizontal.bottom-left > ul.z-tabs-nav > li {
    border-width: 0px 1px 1px;
}

.z-tabs.horizontal.bottom-left > ul.z-tabs-nav > li.z-active {
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: -1px;
    padding-top: 1px;
}

.z-tabs.horizontal.z-rounded.bottom-left > ul.z-tabs-nav > li.z-first,
.z-tabs.horizontal.z-rounded.bottom-left > ul.z-tabs-nav > li.z-first > a.z-link {
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    -khtml-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
}

.z-tabs.horizontal.z-rounded.bottom-left > ul.z-tabs-nav > li.z-last,
.z-tabs.horizontal.z-rounded.bottom-left > ul.z-tabs-nav > li.z-last > a.z-link {
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    -khtml-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
}

.z-tabs.horizontal.z-rounded.bottom-left > .z-container {
    -webkit-border-radius: 6px 6px 6px 0;
    -moz-border-radius: 6px 6px 6px 0;
    -khtml-border-radius: 6px 6px 6px 0;
    border-radius: 6px 6px 6px 0;
}

.z-tabs.horizontal.bottom-left > .z-container {
    padding: 0;
    margin: 0;
}

/* bottom-center*/
.z-tabs.horizontal.bottom-center {
    width: 100%;
}

.z-tabs.horizontal.bottom-center > ul.z-tabs-nav {
    padding: 0;
    margin: 0;
    float: left;
    position: relative;
    left: 50%;
    text-align: center;
}

.z-tabs.horizontal.bottom-center > ul.z-tabs-nav > li {
    border-width: 0px 1px 1px;
    right: 50%;
    display: block;
    position: relative;
    float: left;
}

.z-tabs.horizontal.bottom-center > ul.z-tabs-nav > li.z-active {
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: -1px;
    padding-top: 1px;
}

.z-tabs.horizontal.z-rounded.bottom-center > ul.z-tabs-nav > li.z-first,
.z-tabs.horizontal.z-rounded.bottom-center > ul.z-tabs-nav > li.z-first > a.z-link {
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    -khtml-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
}

.z-tabs.horizontal.z-rounded.bottom-center > ul.z-tabs-nav > li.z-last,
.z-tabs.horizontal.z-rounded.bottom-center > ul.z-tabs-nav > li.z-last > a.z-link {
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    -khtml-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
}

.z-tabs.horizontal.z-rounded.bottom-center > .z-container {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

.z-tabs.horizontal.bottom-center > .z-container {
    padding: 0;
    margin: 0;
}

/* bottom-right*/
.z-tabs.horizontal.bottom-right > ul.z-tabs-nav {
    float: right;
    position: relative;
    padding: 0;
    margin: 0;
    margin-right: -1px;
}

.z-tabs.horizontal.bottom-right > ul.z-tabs-nav > li {
    border-width: 0px 1px 1px;
}

.z-tabs.horizontal.bottom-right > ul.z-tabs-nav > li.z-active {
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: -1px;
    padding-top: 1px;
}

.z-tabs.horizontal.z-rounded.bottom-right > ul.z-tabs-nav > li.z-first,
.z-tabs.horizontal.z-rounded.bottom-right > ul.z-tabs-nav > li.z-first > a.z-link {
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    -khtml-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
}

.z-tabs.horizontal.z-rounded.bottom-right > ul.z-tabs-nav > li.z-last,
.z-tabs.horizontal.z-rounded.bottom-right > ul.z-tabs-nav > li.z-last > a.z-link {
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    -khtml-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
}

.z-tabs.horizontal.z-rounded.bottom-right .z-container {
    -webkit-border-radius: 6px 6px 0 6px;
    -moz-border-radius: 6px 6px 0 6px;
    -khtml-border-radius: 6px 6px 0 6px;
    border-radius: 6px 6px 0 6px;
}

.z-tabs.horizontal.bottom-right > .z-container {
    padding: 0;
    margin: 0;
}

.ie7 body .z-tabs.horizontal.bottom-right {
    margin-right: 2px;
}

/* top compact*/
.z-tabs.horizontal.top-compact > ul.z-tabs-nav {
    padding: 0px;
    display: table;
    width: 100%;
    margin-left: -1px;
    padding-left: 1px;
}

.z-tabs.horizontal.top-compact > ul.z-tabs-nav > li {
    width: 150px;
    margin: 0 -2px 0 0;
    display: inline-block;
}

.z-tabs.horizontal.top-compact > ul.z-tabs-nav > li > a.z-link {
    padding-left: 0;
    padding-right: 0;
}

.z-tabs.horizontal.top-compact > ul.z-tabs-nav > li.z-active {
    font-weight: normal;
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.z-tabs.horizontal.top-compact > .z-container {
    margin: 0;
    padding: 0;
    width: initial;
    margin-right: -1px !important;
}

.z-tabs.horizontal.z-rounded.top-compact > ul.z-tabs-nav > li.z-first,
.z-tabs.horizontal.z-rounded.top-compact > ul.z-tabs-nav > li.z-first > a.z-link {
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    -khtml-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
}

.z-tabs.horizontal.z-rounded.top-compact > ul.z-tabs-nav > li.z-last,
.z-tabs.horizontal.z-rounded.top-compact > ul.z-tabs-nav > li.z-last > a.z-link {
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    -khtml-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
}

.z-tabs.horizontal.z-rounded.top-compact > .z-container {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -khtml-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

.ie7 body .z-tabs.horizontal.top-compact > ul.z-tabs-nav > li.z-first {
    padding-left: 1px;
}

/* bottom compact*/
.z-tabs.horizontal.bottom-compact > ul.z-tabs-nav {
    padding: 0px;
    display: table;
    width: 100%;
    margin-left: -1px;
    padding-left: 1px;
}

.z-tabs.horizontal.bottom-compact > ul.z-tabs-nav > li {
    width: 150px;
    margin: 0 -2px 0 0;
    display: inline-block;
    border-width: 0px 1px 1px;
}

.z-tabs.horizontal.bottom-compact > ul.z-tabs-nav > li > a.z-link {
    padding-left: 0;
    padding-right: 0;
}

.z-tabs.horizontal.bottom-compact > ul.z-tabs-nav > li.z-active {
    margin-top: -1px;
    padding-top: 1px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.z-tabs.horizontal.bottom-compact > .z-container {
    margin: 0;
    padding: 0;
    width: initial;
    margin-right: -1px !important;
}

.z-tabs.horizontal.z-rounded.bottom-compact > ul.z-tabs-nav > li.z-first,
.z-tabs.horizontal.z-rounded.bottom-compact > ul.z-tabs-nav > li.z-first > a.z-link {
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    -khtml-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
}

.z-tabs.horizontal.z-rounded.bottom-compact > ul.z-tabs-nav > li.z-last,
.z-tabs.horizontal.z-rounded.bottom-compact > ul.z-tabs-nav > li.z-last > a.z-link {
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    -khtml-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
}

.z-tabs.horizontal.z-rounded.bottom-compact > .z-container {
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -khtml-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.ie7 body .z-tabs.horizontal.bottom-compact > ul.z-tabs-nav > li.z-first {
    padding-left: 1px;
}

.ie7 body .z-tabs.horizontal.bottom > ul.z-tabs-nav {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

/* underlined*/

/* underlined reset*/
.z-tabs.underlined,
.z-tabs.underlined > ul.z-tabs-nav,
.z-tabs.underlined > ul.z-tabs-nav > li,
.z-tabs.underlined > ul.z-tabs-nav > li.z-first,
.z-tabs.underlined > ul.z-tabs-nav > li.z-last,
.z-tabs.underlined > ul.z-tabs-nav > li.z-first.z-active,
.z-tabs.underlined > ul.z-tabs-nav > li.z-last.z-active,
.z-tabs.underlined > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined > ul.z-tabs-nav > li:hover,
.z-tabs.underlined > ul.z-tabs-nav > li > a.z-link,
.z-tabs.underlined > ul.z-tabs-nav > li > a.z-link:hover,
.z-tabs.underlined > .z-container {
    border-width: 0;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: none;
    filter: none;
}

.z-tabs.underlined.horizontal > ul.z-tabs-nav > li,
.z-tabs.underlined.horizontal > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.horizontal > ul.z-tabs-nav > li:hover {
    filter: none;
    background: transparent;
    margin: 0;
    padding: 0;
}

/*underlined horizontal top*/
.z-tabs.horizontal.underlined > ul.z-tabs-nav {
    border-width: 0;
}

.z-tabs.horizontal.underlined > ul.z-tabs-nav > li.z-active {
    font-weight: bold;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 3px solid;
}

.z-tabs.horizontal.underlined > ul.z-tabs-nav > li > a.z-link {
    text-shadow: 0 1px 1px white;
    color: #333
}

.z-tabs.horizontal.underlined > .z-container {
    border-width: 1px 0 0 0;
}

/*underlined horizontal bottom*/
.z-tabs.horizontal.underlined.bottom-left > ul.z-tabs-nav > li,
.z-tabs.horizontal.underlined.bottom-center > ul.z-tabs-nav > li,
.z-tabs.horizontal.underlined.bottom-right > ul.z-tabs-nav > li,
.z-tabs.horizontal.underlined.bottom-compact > ul.z-tabs-nav > li {
    background: transparent;
    border-width: 0;
    margin: 0;
    padding: 0;
}

.z-tabs.horizontal.underlined.bottom-left > .z-container,
.z-tabs.horizontal.underlined.bottom-center > .z-container,
.z-tabs.horizontal.underlined.bottom-right > .z-container,
.z-tabs.horizontal.underlined.bottom-compact > .z-container {
    border-width: 0 0 1px 0;
}

.z-tabs.horizontal.underlined.bottom-left > ul.z-tabs-nav > li:hover,
.z-tabs.horizontal.underlined.bottom-center > ul.z-tabs-nav > li:hover,
.z-tabs.horizontal.underlined.bottom-right > ul.z-tabs-nav > li:hover,
.z-tabs.horizontal.underlined.bottom-compact > ul.z-tabs-nav > li:hover {
    background: transparent;
    border-width: 0;
    margin: 0;
    padding: 0;
    color: #111;
}

.z-tabs.horizontal.underlined.bottom-left > ul.z-tabs-nav > li.z-active,
.z-tabs.horizontal.underlined.bottom-center > ul.z-tabs-nav > li.z-active,
.z-tabs.horizontal.underlined.bottom-right > ul.z-tabs-nav > li.z-active,
.z-tabs.horizontal.underlined.bottom-compact > ul.z-tabs-nav > li.z-active {
    font-weight: bold;
    margin-bottom: 0;
    padding-bottom: 0;
    border-width: 3px 0 0 0;
}

.z-tabs.horizontal.underlined > .z-container > .z-content {
    padding: 1.4em 0;
}

/* underlined vertical*/
.z-tabs.vertical.underlined > ul.z-tabs-nav > li,
.z-tabs.vertical.underlined > ul.z-tabs-nav > li:hover {
    filter: none;
    background: transparent;
    border-width: 0 1px 0 0;
    margin: 0;
    padding: 0;
}

.z-tabs.vertical.underlined > ul.z-tabs-nav > li > a.z-link {
    text-shadow: 0 1px 1px white;
    color: #333
}

.z-tabs.vertical.underlined > .z-container {
    border-width: 0;
}

.z-tabs.vertical.underlined.top-right > ul.z-tabs-nav > li,
.z-tabs.vertical.underlined.top-right > ul.z-tabs-nav > li:hover {
    filter: none;
    background: transparent;
    border-width: 0 0 0 1px;
    margin: 0;
    padding: 0;
}

.z-tabs.vertical.underlined.top-left > ul.z-tabs-nav > li.z-active {
    font-weight: bold;
    margin-bottom: 0;
    padding-bottom: 0;
    border-right: 3px solid;
    background: #FDFDFD;
}

.z-tabs.vertical.underlined.top-right > ul.z-tabs-nav > li.z-active {
    font-weight: bold;
    margin-bottom: 0;
    padding-bottom: 0;
    border-left: 3px solid;
    background: #FDFDFD;
}

.z-tabs.vertical.underlined.top-right > ul.z-tabs-nav {
    border-width: 0;
}

.z-tabs.vertical.underlined > .z-container > .z-content {
    padding: 0 1.6em;
}

.ie7 body .z-tabs.underlined.vertical.top-right > ul.z-tabs-nav > li.z-active {
    border-right-width: 0 !important;
    border-left: 3px solid #444 !important;
    left: -1px;
}

.ie7 body .z-tabs.underlined.vertical.top-left > ul.z-tabs-nav > li.z-active {
    border-right: 3px solid #444 !important;
}

/*underlined themes*/
.z-tabs.underlined.red > .z-container,
.z-tabs.underlined.red > ul.z-tabs-nav,
.z-tabs.underlined.red > ul.z-tabs-nav > li,
.z-tabs.underlined.red > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.red.vertical > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.red > ul.z-tabs-nav > li:hover {
    border-color: #DD4B39;
}

.z-tabs.underlined.red > ul.z-tabs-nav > li.z-active > .z-link {
    text-shadow: 0 1px 1px white;
    color: #DD4B39
}

.z-tabs.underlined.blue > .z-container,
.z-tabs.underlined.blue > ul.z-tabs-nav > li,
.z-tabs.underlined.blue > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.blue.vertical > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.blue > ul.z-tabs-nav > li:hover {
    border-color: #00B0D8;
}

.z-tabs.underlined.blue > ul.z-tabs-nav > li.z-active > .z-link {
    text-shadow: 0 1px 1px white;
    color: #00B0D8
}

.z-tabs.underlined.deepblue > .z-container,
.z-tabs.underlined.deepblue > ul.z-tabs-nav > li,
.z-tabs.underlined.deepblue > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.deepblue.vertical > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.deepblue > ul.z-tabs-nav > li:hover {
    border-color: #1E69DE;
}

.z-tabs.underlined.deepblue > ul.z-tabs-nav > li.z-active > .z-link {
    text-shadow: 0 1px 1px white;
    color: #1E69DE
}

.z-tabs.underlined.orange > .z-container,
.z-tabs.underlined.orange > ul.z-tabs-nav > li,
.z-tabs.underlined.orange > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.orange.vertical > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.orange > ul.z-tabs-nav > li:hover {
    border-color: #FD9C00;
}

.z-tabs.underlined.orange > ul.z-tabs-nav > li.z-active > .z-link {
    text-shadow: 0 1px 1px white;
    color: #FD9C00
}

.z-tabs.underlined.green > .z-container,
.z-tabs.underlined.green > ul.z-tabs-nav > li,
.z-tabs.underlined.green > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.green.vertical > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.green > ul.z-tabs-nav > li:hover {
    border-color: #093;
}

.z-tabs.underlined.green > ul.z-tabs-nav > li.z-active > .z-link {
    text-shadow: 0 1px 1px white;
    color: #093
}

.z-tabs.underlined.crystal > .z-container,
.z-tabs.underlined.crystal > ul.z-tabs-nav > li,
.z-tabs.underlined.crystal > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.crystal.vertical > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.crystal > ul.z-tabs-nav > li:hover {
    border-color: #999;
}

.z-tabs.underlined.crystal > ul.z-tabs-nav > li.z-active > .z-link {
    text-shadow: 0 1px 1px white;
    color: #999
}

.z-tabs.underlined.silver > .z-container,
.z-tabs.underlined.silver > ul.z-tabs-nav > li,
.z-tabs.underlined.silver > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.silver.vertical > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.silver > ul.z-tabs-nav > li:hover {
    border-color: #777;
}

.z-tabs.underlined.silver > ul.z-tabs-nav > li.z-active > .z-link {
    text-shadow: 0 1px 1px white;
    color: #777
}

.z-tabs.underlined.gray > .z-container,
.z-tabs.underlined.gray > ul.z-tabs-nav > li,
.z-tabs.underlined.gray > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.gray.vertical > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.gray > ul.z-tabs-nav > li:hover {
    border-color: #333;
}

.z-tabs.underlined.gray > ul.z-tabs-nav > li.z-active > .z-link {
    text-shadow: 0 1px 1px white;
    color: #333
}

.z-tabs.underlined.black > .z-container,
.z-tabs.underlined.black > ul.z-tabs-nav > li,
.z-tabs.underlined.black > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.black.vertical > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.black > ul.z-tabs-nav > li:hover {
    border-color: black;
}

.z-tabs.underlined.black > ul.z-tabs-nav > li.z-active > .z-link {
    text-shadow: 0 1px 1px white;
    color: black
}

/*#endregion*/

/*#region ==========================================================================
Rounded Cornors
========================================================================== */
.z-tabs.horizontal.z-rounded > .z-container {
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    -khtml-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.z-tabs.horizontal.z-rounded > ul.z-tabs-nav > li.z-first,
.z-tabs.horizontal.z-rounded > ul.z-tabs-nav > li.z-first > a.z-link {
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    -khtml-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
}

.z-tabs.horizontal.z-rounded > ul.z-tabs-nav > li.z-last,
.z-tabs.horizontal.z-rounded > ul.z-tabs-nav > li.z-last > a.z-link {
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    -khtml-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
}

.z-tabs.horizontal.top-left.z-rounded > .z-container {
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    -khtml-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.z-tabs.horizontal.top-center.z-rounded > .z-container {
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -khtml-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
}

.z-tabs.horizontal.top-right.z-rounded > .z-container {
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    -khtml-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/*#endregion*/

/*#region ==========================================================================
Shadows
========================================================================== */
.z-tabs.horizontal.z-shadows > .z-container {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(255, 255, 255, 0.8) inset;

    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, .15);
}

.z-tabs.horizontal.z-shadows > ul.z-tabs-nav > li {
    box-shadow: -2px 0px 2px -2px rgba(0, 0, 0, .1);
}

.z-tabs.horizontal.top-left.z-shadows > ul.z-tabs-nav li.z-first,
.z-tabs.horizontal.top-compact.z-shadows > ul.z-tabs-nav > li.z-first {
    box-shadow: -3px 1px 1px -3px rgba(0, 0, 0, .2);
}

.z-tabs.horizontal.top-right.z-shadows > ul.z-tabs-nav > li.z-last,
.z-tabs.horizontal.top-compact.z-shadows > ul.z-tabs-nav > li.z-last {
    box-shadow: 3px 1px 1px -3px rgba(0, 0, 0, .2);
}

/*#endregion*/

/*#region ==========================================================================
COLORS
========================================================================== */
/* orange */
.z-tabs.orange > ul.z-tabs-nav,
.z-tabs.orange > ul.z-tabs-nav > li,
.z-tabs.orange > .z-container {
    border-color: #D64817;
    border-style: solid;
}

.z-tabs.orange > ul.z-tabs-nav > li {
    background: #F2825B;
    background: -moz-linear-gradient(top, #F2825B 0%, #E55B2B 50%, #F07146 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F2825B), color-stop(50%, #E55B2B), color-stop(100%, #F07146));
    background: -webkit-linear-gradient(top, #F2825B 0%, #E55B2B 50%, #F07146 100%);
    background: -o-linear-gradient(top, #F2825B 0%, #E55B2B 50%, #F07146 100%);
    background: -ms-linear-gradient(top, #F2825B 0%, #E55B2B 50%, #F07146 100%);
    background: linear-gradient(to bottom, #F2825B 0%, #E55B2B 50%, #F07146 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2825b', endColorstr='#f07146', GradientType=0);
}

.z-tabs.orange > ul.z-tabs-nav > li:hover {
    background: #F2825B;
    background: -moz-linear-gradient(top, #F2825B 0%, #E55B2B 50%, #F07146 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F2825B), color-stop(50%, #E55B2B), color-stop(100%, #F07146));
    background: -webkit-linear-gradient(top, #F2825B 0%, #E55B2B 50%, #F07146 100%);
    background: -o-linear-gradient(top, #F2825B 0%, #E55B2B 50%, #F07146 100%);
    background: -ms-linear-gradient(top, #F2825B 0%, #E55B2B 50%, #F07146 100%);
    background: linear-gradient(to bottom, #F2825B 0%, #E55B2B 50%, #F07146 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2825b', endColorstr='#f07146', GradientType=0);
}

.z-tabs.orange > ul.z-tabs-nav > li.z-active {
    background: #fff;
    text-shadow: 0 1px 1px white;
    color: Black;
    filter: none;
}

.z-tabs.orange > ul.z-tabs-nav > li > a.z-link {
    color: white;
    text-shadow: 0 1px #5E1902;
}

.z-tabs.orange > ul.z-tabs-nav > li.z-active > a.z-link {
    color: black;
    text-shadow: 0 1px white;
}

/* Crystal */
.z-tabs.crystal > ul.z-tabs-nav,
.z-tabs.crystal > ul.z-tabs-nav > li,
.z-tabs.crystal > .z-container {
    border-color: #ddd;
    border-color: #b4b4b4;
    border-style: solid;
}

.z-tabs.crystal > ul.z-tabs-nav > li {
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(237, 237, 237, 1) 51%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(50%, rgba(243, 243, 243, 1)), color-stop(51%, rgba(237, 237, 237, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(237, 237, 237, 1) 51%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(237, 237, 237, 1) 51%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(237, 237, 237, 1) 51%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(237, 237, 237, 1) 51%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}

.z-tabs.crystal > ul.z-tabs-nav > li:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
    background: whiteSmoke;
    background: -moz-linear-gradient(top, #ffffff 0%, #ececec 50%, #e0e0e0 50%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #ececec), color-stop(50%, #e0e0e0), color-stop(100%, #f2f2f2));
    background: -webkit-linear-gradient(top, #ffffff 0%, #ececec 50%, #e0e0e0 50%, #f2f2f2 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #ececec 50%, #e0e0e0 50%, #f2f2f2 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #ececec 50%, #e0e0e0 50%, #f2f2f2 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #ececec 50%, #e0e0e0 50%, #f2f2f2 100%);
}

.z-tabs.crystal > ul.z-tabs-nav > li.z-active {
    background: #fff;
    text-shadow: 0 1px 1px white;
    color: Black;
    filter: none;
}

/* GRAY  */
.z-tabs.gray > ul.z-tabs-nav,
.z-tabs.gray > ul.z-tabs-nav > li,
.z-tabs.gray > .z-container {
    border-color: #B3B3B3;
    border-style: solid;
}

.z-tabs.gray > ul.z-tabs-nav > li {
    background: whiteSmoke;
    background: -moz-linear-gradient(top, #dbdbdb 0%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbdbdb), color-stop(100%, #f2f2f2));
    background: -webkit-linear-gradient(top, #dbdbdb 0%, #f2f2f2 100%);
    background: -o-linear-gradient(top, #dbdbdb 0%, #f2f2f2 100%);
    background: -ms-linear-gradient(top, #dbdbdb 0%, #f2f2f2 100%);
    background: linear-gradient(to bottom, #dbdbdb 0%, #f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdbdb', endColorstr='#f2f2f2', GradientType=0);
}

.z-tabs.gray > ul.z-tabs-nav > li:hover {
    background: #e8e8e8;
    background: -moz-linear-gradient(top, #e8e8e8 0%, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e8e8), color-stop(100%, #f7f7f7));
    background: -webkit-linear-gradient(top, #e8e8e8 0%, #f7f7f7 100%);
    background: -o-linear-gradient(top, #e8e8e8 0%, #f7f7f7 100%);
    background: -ms-linear-gradient(top, #e8e8e8 0%, #f7f7f7 100%);
    background: linear-gradient(to bottom, #e8e8e8 0%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#f7f7f7', GradientType=0);
}

.z-tabs.gray > ul.z-tabs-nav > li.z-active {
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: 0 1px 1px white;
    filter: none;
}

/* Silver  */
.z-tabs.silver > ul.z-tabs-nav,
.z-tabs.silver > ul.z-tabs-nav > li,
.z-tabs.silver > .z-container {
    border-color: #CECECE;
    border-style: solid;
}

.z-tabs.silver > ul.z-tabs-nav > li {
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FDFCFC', endColorstr='#FBF9F9');
    background-color: #F2F0F0;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFCFC), to(#F2F0F0), color-stop(0.5, #FBF9F9), color-stop(0.5, #F7F5F6));
    background-image: -webkit-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
    background-image: -moz-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
    background-image: -o-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
    background-image: -ms-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.z-tabs.silver > ul.z-tabs-nav > li > a.z-link {
    color: #444;
    text-shadow: 0 1px white;
}

.z-tabs.silver > ul.z-tabs-nav > li:hover {
    background: #fcfcfc;
    background: -moz-linear-gradient(top, #fcfcfc 0%, #fbf9f9 50%, #f7f5f6 50%, #fcfcfc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(50%, #fbf9f9), color-stop(50%, #f7f5f6), color-stop(100%, #fcfcfc));
    background: -webkit-linear-gradient(top, #fcfcfc 0%, #fbf9f9 50%, #f7f5f6 50%, #fcfcfc 100%);
    background: -o-linear-gradient(top, #fcfcfc 0%, #fbf9f9 50%, #f7f5f6 50%, #fcfcfc 100%);
    background: -ms-linear-gradient(top, #fcfcfc 0%, #fbf9f9 50%, #f7f5f6 50%, #fcfcfc 100%);
    background: linear-gradient(to bottom, #fcfcfc 0%, #fbf9f9 50%, #f7f5f6 50%, #fcfcfc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#fbf9f9', GradientType=0);
}

.z-tabs.silver > ul.z-tabs-nav > li.z-active {
    filter: none;
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.z-tabs.silver > ul.z-tabs-nav > li.z-active > a.z-link {
    color: black;
}

/* GREEN */
.z-tabs.green > ul.z-tabs-nav,
.z-tabs.green > ul.z-tabs-nav > li,
.z-tabs.green > .z-container {
    border-color: #336c2b;
    border-style: solid;
}

.z-tabs.green > ul.z-tabs-nav > li {
    color: white;
    background: #5fae53;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5fae53), to(#3b7c33));
    background: -webkit-linear-gradient(top, #5fae53, #3b7c33);
    background: -moz-linear-gradient(top, #5fae53, #3b7c33);
    background: -ms-linear-gradient(top, #5fae53, #3b7c33);
    background: -o-linear-gradient(top, #5fae53, #3b7c33);
}

.z-tabs.green > ul.z-tabs-nav > li > a.z-link {
    color: white;
    text-shadow: 0 1px 0 #387031;
}

.z-tabs.green > ul.z-tabs-nav > li.z-active > a.z-link {
    text-shadow: 0 1px 1px white;
    color: Black
}

.z-tabs.green > ul.z-tabs-nav > li:hover {
    background: #3b7c33;
}

.z-tabs.green > ul.z-tabs-nav > li.z-active {
    background: #fff;
    color: #2C3F0A;
    text-shadow: none;
    box-shadow: none;
    filter: none;
}

/* red */
.z-tabs.red > ul.z-tabs-nav,
.z-tabs.red > ul.z-tabs-nav > li,
.z-tabs.red > .z-container {
    border-color: #951100;
    border-style: solid;
}

.z-tabs.red > ul.z-tabs-nav > li {
    color: #fff;
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
    background: #d84a38;
    background: -moz-linear-gradient(top, #dd4b39 0%, #d14836 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dd4b39), color-stop(100%, #d14836));
    background: -webkit-linear-gradient(top, #dd4b39 0%, #d14836 100%);
    background: -o-linear-gradient(top, #dd4b39 0%, #d14836 100%);
    background: -ms-linear-gradient(top, #dd4b39 0%, #d14836 100%);
    background: linear-gradient(to bottom, #dd4b39 0%, #d14836 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd4b39', endColorstr='#d14836', GradientType=0);
}

.z-tabs.red > ul.z-tabs-nav > li:hover {
    background: #d34332;
    background: -moz-linear-gradient(top, #dd4b39 0%, #c53727 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dd4b39), color-stop(100%, #c53727));
    background: -webkit-linear-gradient(top, #dd4b39 0%, #c53727 100%);
    background: -o-linear-gradient(top, #dd4b39 0%, #c53727 100%);
    background: -ms-linear-gradient(top, #dd4b39 0%, #c53727 100%);
    background: linear-gradient(to bottom, #dd4b39 0%, #c53727 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd4b39', endColorstr='#c53727', GradientType=0);
}

.z-tabs.red > ul.z-tabs-nav > li.z-active {
    background: white;
    color: #951100;
    text-shadow: none;
    filter: none;
}

.z-tabs.red > ul.z-tabs-nav > li > a.z-link {
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
}

.z-tabs.red > ul.z-tabs-nav > li.z-active > a.z-link {
    text-shadow: 0 1px 1px white;
    color: Black
}

/* blue */
.z-tabs.blue > ul.z-tabs-nav,
.z-tabs.blue > ul.z-tabs-nav > li,
.z-tabs.blue > .z-container {
    border-color: #0487BD;
    border-style: solid;
}

.z-tabs.blue > ul.z-tabs-nav > li {
    background: #1abde7;
    background: -moz-linear-gradient(top, #1abde7 0%, #1c9dd1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1abde7), color-stop(100%, #1c9dd1));
    background: -webkit-linear-gradient(top, #1abde7 0%, #1c9dd1 100%);
    background: -o-linear-gradient(top, #1abde7 0%, #1c9dd1 100%);
    background: -ms-linear-gradient(top, #1abde7 0%, #1c9dd1 100%);
    background: linear-gradient(to bottom, #1abde7 0%, #1c9dd1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1abde7', endColorstr='#1c9dd1', GradientType=0);
}

.z-tabs.blue > ul.z-tabs-nav > li a.z-link {
    color: white;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}

.z-tabs.blue > ul.z-tabs-nav > li.z-active > a.z-link {
    text-shadow: 0 1px 1px white;
    color: Black
}

.z-tabs.blue > ul.z-tabs-nav > li:hover {
    background: #21ADDF;
}

.z-tabs.blue > ul.z-tabs-nav > li.z-active {
    background: #fff;
    color: #000F4D;
    text-shadow: 0 1px rgba(78, 78, 78, 0.1);
    filter: none;
}

/* deepblue */
.z-tabs.deepblue > ul.z-tabs-nav,
.z-tabs.deepblue > ul.z-tabs-nav > li,
.z-tabs.deepblue > .z-container {
    border-color: #1E69DE;
    border-style: solid;
}

.z-tabs.deepblue > ul.z-tabs-nav > li {
    background: #479fed; /* Old browsers */
    background: -moz-linear-gradient(top, #479fed 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #479fed), color-stop(50%, #54a3ee), color-stop(51%, #3690f0), color-stop(100%, #1e69de)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #479fed 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #479fed 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #479fed 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* IE10+ */
    background: linear-gradient(to bottom, #479fed 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#479fed', endColorstr='#1e69de', GradientType=0); /* IE6-9 */

}

.z-tabs.deepblue > ul.z-tabs-nav > li a.z-link {
    color: white;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}

.z-tabs.deepblue > ul.z-tabs-nav > li.z-active > a.z-link {
    text-shadow: 0 1px 1px white;
    color: Black
}

.z-tabs.deepblue > ul.z-tabs-nav > li:hover {

    background: #238dea; /* Old browsers */
    background: -moz-linear-gradient(top, #238dea 0%, #54a3ee 50%, #3690f0 51%, #065cdd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #238dea), color-stop(50%, #54a3ee), color-stop(51%, #3690f0), color-stop(100%, #065cdd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #238dea 0%, #54a3ee 50%, #3690f0 51%, #065cdd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #238dea 0%, #54a3ee 50%, #3690f0 51%, #065cdd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #238dea 0%, #54a3ee 50%, #3690f0 51%, #065cdd 100%); /* IE10+ */
    background: linear-gradient(to bottom, #238dea 0%, #54a3ee 50%, #3690f0 51%, #065cdd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#238dea', endColorstr='#065cdd', GradientType=0); /* IE6-9 */

}

.z-tabs.deepblue > ul.z-tabs-nav > li.z-active {
    background: #fff;
    color: #000F4D;
    text-shadow: 0 1px rgba(78, 78, 78, 0.1);
    filter: none;
}

/* BlACK THEME */
.z-tabs.black > ul.z-tabs-nav,
.z-tabs.black > ul.z-tabs-nav > li,
.z-tabs.black > .z-container {
    border-color: #343232;
    border-style: solid;
}

.z-tabs.black > ul.z-tabs-nav > li {
    color: white;
    background: #333333;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#555555));
    background: -webkit-linear-gradient(top, #333333, #555555);
    background: -moz-linear-gradient(top, #333333, #555555);
    background: -ms-linear-gradient(top, #333333, #555555);
    background: -o-linear-gradient(top, #333333, #555555);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#555555', GradientType=0);
}

.z-tabs.black > ul.z-tabs-nav > li a.z-link {
    color: white;
    -shadow: 0 -1px 0 rgba(0, 0, 0, .5);
}

.z-tabs.black > ul.z-tabs-nav > li.z-active > a.z-link {
    text-shadow: 0 1px 1px white;
    color: Black
}

.z-tabs.black > ul.z-tabs-nav > li:hover {
    background: #353434;
}

.z-tabs.black > ul.z-tabs-nav > li.z-active {
    background: #fff;
    color: #3E3E3E;
    text-shadow: none;
    box-shadow: none;
    filter: none;
}

/* White THEME */
.z-tabs.white > ul.z-tabs-nav,
.z-tabs.white > ul.z-tabs-nav > li,
.z-tabs.white > .z-container {
    border-color: #CECECE;
    border-style: solid;
}

.z-tabs.white > ul.z-tabs-nav > li {
    background: #fff;
}

.z-tabs.white > ul.z-tabs-nav > li a.z-link {
    color: #333;
    text-shadow: 0 1px white;
}

.z-tabs.white > ul.z-tabs-nav > li.z-active > a.z-link {
    text-shadow: 0 1px 1px white;
    color: #333
}

.z-tabs.white > ul.z-tabs-nav > li:hover {
}

.z-tabs.white > ul.z-tabs-nav > li.z-active {
    background: #fff;
    color: #333;
    text-shadow: none;
    box-shadow: none;
    filter: none;
}

/*#endregion*/

/*#region ==========================================================================
Size
========================================================================== */

.z-tabs.vertical.mini > ul.z-tabs-nav > li > a.z-link {
    height: 32px;
    line-height: 32px;
    margin: 0 10px;
    font-size: 11px;
}

.z-tabs.vertical.small > ul.z-tabs-nav > li > a.z-link {
    height: 38px;
    line-height: 38px;
    margin: 0 12px;
    font-size: 12px;
}

.z-tabs.vertical.medium > ul.z-tabs-nav > li > a.z-link {
    height: 44px;
    line-height: 44px;
    margin: 0 14px;
    font-size: 14px;
}

.z-tabs.vertical.large > ul.z-tabs-nav > li > a.z-link {
    height: 50px;
    line-height: 50px;
    margin: 0 18px;
    font-size: 15px;
}

.z-tabs.vertical.xlarge > ul.z-tabs-nav > li > a.z-link {
    height: 56px;
    line-height: 56px;
    margin: 0 20px;
    font-size: 16px;
}

.z-tabs.vertical.xxlarge > ul.z-tabs-nav > li > a.z-link {
    height: 62px;
    line-height: 62px;
    margin: 0 22px;
    font-size: 18px;
}

.z-tabs.vertical.mini > ul.z-tabs-nav {
    width: 150px;
}

.z-tabs.vertical.top-left.mini > .z-container {
    margin-left: 150px;
}

.z-tabs.vertical.top-right.mini > .z-container {
    margin-right: 150px;
}

.z-tabs.vertical.small > ul.z-tabs-nav {
    width: 170px;
}

.z-tabs.vertical.top-left.small > .z-container {
    margin-left: 170px;
}

.z-tabs.vertical.top-right.small > .z-container {
    margin-right: 170px;
}

.z-tabs.vertical.medium > ul.z-tabs-nav {
    width: 200px;
}

.z-tabs.vertical.top-left.medium > .z-container {
    margin-left: 200px;
}

.z-tabs.vertical.top-right.medium > .z-container {
    margin-right: 200px;
}

.z-tabs.vertical.large > ul.z-tabs-nav {
    width: 230px;
}

.z-tabs.vertical.top-left.large > .z-container {
    margin-left: 230px;
}

.z-tabs.vertical.top-right.large > .z-container {
    margin-right: 230px;
}

.z-tabs.vertical.xlarge > ul.z-tabs-nav {
    width: 260px;
}

.z-tabs.vertical.top-left.xlarge > .z-container {
    margin-left: 260px;
}

.z-tabs.vertical.top-right.xlarge > .z-container {
    margin-right: 260px;
}

.z-tabs.vertical.xxlarge > ul.z-tabs-nav {
    width: 290px;
}

.z-tabs.vertical.top-left.xxlarge > .z-container {
    margin-left: 290px;
}

.z-tabs.vertical.top-right.xxlarge > .z-container {
    margin-right: 290px;
}

.z-tabs.horizontal.mini > ul.z-tabs-nav > li > a.z-link {
    font-size: 11px;
    padding: 7px 20px;
}

.z-tabs.horizontal.small > ul.z-tabs-nav > li > a.z-link {
    font-size: 12px;
    padding: 10px 24px;
}

.z-tabs.horizontal.medium > ul.z-tabs-nav > li > a.z-link {
    font-size: 14px;
    padding: 13px 28px;
}

.z-tabs.horizontal.large > ul.z-tabs-nav > li > a.z-link {
    font-size: 15px;
    padding: 16px 32px;
}

.z-tabs.horizontal.xlarge > ul.z-tabs-nav > li > a.z-link {
    font-size: 16px;
    padding: 19px 36px;
}

.z-tabs.horizontal.xxlarge > ul.z-tabs-nav > li > a.z-link {
    font-size: 18px;
    padding: 22px 40px;
}

.z-tabs.horizontal.top-compact > ul.z-tabs-nav > li > a.z-link {
    padding-left: 0;
    padding-right: 0;
}

.z-tabs.horizontal.bottom-compact > ul.z-tabs-nav > li > a.z-link {
    padding-left: 0;
    padding-right: 0;
}

/*
.z-tabs.vertical.z-large ul.z-tabs-nav li > a.z-link,
.z-tabs.vertical.z-large ul.z-tabs-nav > li>  a.z-link {font-size: 17.5px;}

.z-tabs.horizontal.top-left.z-large ul.z-tabs-nav li a.z-link,
.z-tabs.horizontal.top-center.z-large ul.z-tabs-nav li a.z-link,
.z-tabs.horizontal.top-right.z-large ul.z-tabs-nav li a.z-link,
.z-tabs.horizontal.bottom-left.z-large ul.z-tabs-nav li a.z-link,
.z-tabs.horizontal.bottom-center.z-large ul.z-tabs-nav li a.z-link,
.z-tabs.horizontal.bottom-right.z-large ul.z-tabs-nav li a.z-link,
.z-tabs.horizontal.top-compact.z-large ul.z-tabs-nav li a.z-link,
.z-tabs.horizontal.bottom-compact.z-large ul.z-tabs-nav li a.z-link
{ 
   padding: 20px 0;
   font-size: 17.5px;
} 

.z-tabs.horizontal.top-compact.z-large ul.z-tabs-nav li a.z-link
{ 
   padding: 20px 0;
   font-size: 17.5px;

} 

*/
/*#endregion*/

/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/

#tabbed-nav table {
    width: 95%;
    margin: 30px auto;
}

#tabbed-nav table h1 {
    text-decoration: none;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.5em;
    margin-bottom: 5px;
}

#tabbed-nav table p h1 {
    margin-left: 10px;
}

#tabbed-nav table td:first-child {
    border-left: none;
}

#tabbed-nav table td div {
    padding: 20px 10px;
    border-bottom: 2px groove #c2c2c2;
}

#tabbed-nav table td p {
    margin: 0 0 0 10px;
}

#tabbed-nav table i {
    font-size: 0.8em;
}

#tabbed-nav select {
    font-size: 1.3em;
}

.info td {
    border-left: 2px groove #c2c2c2;
    width: 50%;
    padding: 5px;
}

.friend td {
    border-left: 2px groove #c2c2c2;
    width: 33%;
    padding: 5px;
}

.event td {
    border-left: 2px groove #c2c2c2;
    width: 33%;
    padding: 5px;
}

